<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html>
<html>
<head>
	<title>zzzzzz</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<%@ include file="/WEB-INF/common/global_res.jsp" %>
	
	<script type="text/javascript" src="${ctx}/res/js/explore_endless.js" ></script>
	<script type="text/javascript" src="${ctx}/res/js/like_unlike.js" ></script>
</head>
<body class="light-gray-bg">

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="container">
	<div id="explore" class="row">
		<div class="mvl">
			<div class="mbm fsl" align="center"><span class="fcl fsn mrs">Scene or Moment from -</span><a href="#explore_all" class="dark fwb">All</a> · <a href="#explore_video" class="dark">Video</a> · <a href="#explore_book" class="dark">Book</a></div>
			<div class="explore-wrap wrap">
				<div data-loadendless-dom-id="items-container" class="ui-relative">
					
				</div>
				<div style="display: none; text-align: center;" data-loadendless-dom-id="loading-status"><img src="${ctx}/res/images/common/loading_up_down.gif" /></div>
				<div style="display: none; text-align: center;" data-loadendless-dom-id="load-msg"></div>
			</div>
		</div>
	</div>
</div>

<div id="back_to_top"><span class="arrow-n"></span></div>

<div data-dom-id="popup-overlay" class="overlay" style="display: none;">
	<div data-dom-id="popup" class="popup" style="display: none;">
		<a title="Close" href="#popup_close" class="close">×</a>
		<div data-dom-id="popup-container">
		</div>
	</div>
</div>

<div data-dom-id="notification-flash" class="notification-flash" style="display: none;">
	<span data-dom-id="notification-flash-text"></span>
	<a class="close" href="#close" title="Close">×</a>
</div>


<script type="text/javascript">

var isNewFollowUnfollow = false;
var isNewCommentWithReply = false;
var isNewLoadMore = false;

jq(window).load(function() {

	new LikeUnlike({
		'j_like_unlike_link' : jq('a[href="#like_unlike_link"]'),
		'j_share_link' : jq('a[href="#share_link"]'),
		'_like_unlike_url' : "${ctx}/topic/like_or_unlike"
	});

	new ExploreEndless({
		'j_items_container' : jq("[data-loadendless-dom-id=items-container]"),
		'j_loading_status' : jq("[data-loadendless-dom-id=loading-status]"),
		'j_load_msg' : jq("[data-loadendless-dom-id=load-msg]"),
		'j_explore_all' : jq('a[href$="#explore_all"]'),
		'j_explore_video' : jq('a[href$="#explore_video"]'),
		'j_explore_book' : jq('a[href$="#explore_book"]'),
		'_retrieve_url' : "${ctx}/topic/retrieve",
		'_offset' : 16,
		'_order_by' : "DESC",
		'_no_results_msg' : "NO RESULTS FOUND",
		'_no_more_results_msg' : "NO MORE RESULTS",
		'_error_msg' : "This stream is unavailable at this time. Please try again soon."
	});

});

</script>

</body>
</html>